<form name="contractEditPrincipalForm" class="form-horizontal" novalidate style="width:500px;">

    <div class="form-group mt10 clearfix">
        <span class="col-sm-6 control-label">主责人</span>
        <div class="col-sm-18">
            <input select2 required ng-model="data.principal_by" name="principal_by" select2-model="ddl2Principal" config="ddlConfigPrincipal"
                class="form-control principalBy" type="text" placeholder="主责人" />
            <span role="alert" ng-show="(contractEditPrincipalForm.$submitted || contractEditPrincipalForm.principal_by.$touched) && contractEditPrincipalForm.principal_by.$error.required"
                class="error ng-hide c-red lh30">请选择主责人</span>
        </div>
    </div>

    <div class="form-group mt10 clearfix">
        <span for="inputtext2" class="col-sm-6 control-label">所属ABU</span>
        <div class="col-sm-18">
            <input type="text" name="principal_abu_name" ng-model="data.principal_abu_name" class="form-control" id="inputtext2" ng-disabled="true"
                placeholder="所属ABU">
        </div>

    </div>

    <div class="form-group mt10 clearfix">
        <span for="inputtext3" class="col-sm-6 control-label">所属部门</span>
        <div class="col-sm-18">
            <input type="text" name="principal_department_name" ng-model="data.principal_department_name" class="form-control" id="inputtext3"
                ng-disabled="true" placeholder="所属部门">
        </div>
    </div>

    <div class="form-group mt10 clearfix">
        <span for="inputtext4" class="col-sm-6 control-label">所属公司</span>
        <div class="col-sm-18">
            <input type="text" name="principal_area_name" ng-model="data.principal_area_name" class="form-control" id="inputtext4" ng-disabled="true"
                placeholder="所属公司">
        </div>
    </div>

    <div class="form-group mt10 clearfix">
        <span for="inputtext5" class="col-sm-6 control-label">生效开始日期</span>
        <div class="col-sm-18">
            <input type="text" id="inputtext5" class="input-date fl form-control" style="width:100%" ui-date format="yyyy-MM-dd" required
                name="principal_on" ng-model="data.principal_on" placeholder="生效开始日期">
            <span role="alert" ng-show="(contractEditPrincipalForm.$submitted || contractEditPrincipalForm.principal_on.$touched) && contractEditPrincipalForm.principal_on.$error.required"
                class="error ng-hide c-red lh30">生效开始日期不能为空</span>
        </div>
    </div>

    <div class="form-group mt10 clearfix">
        <span for="inputtext6" class="col-sm-6 control-label">生效截止日期</span>
        <div class="col-sm-18">
            <input type="text" id="inputtext6" class="input-date fl form-control" style="width:100%" ui-date format="yyyy-MM-dd" min="{{minDate}}"
                name="principal_end" ng-model="data.principal_end" placeholder="生效截止日期">
            <span role="alert" ng-show="(contractEditPrincipalForm.$submitted || contractEditPrincipalForm.principal_end.$touched) && contractEditPrincipalForm.principal_end.$error.date"
                class="error ng-hide c-red lh30">生效截止日期不能小于开始日期</span>
        </div>
    </div>

    <div class="form-group mt10 clearfix">
        <span class="col-sm-6 control-label">备注:</span>
        <div class="col-sm-18">
            <textarea name="principal_remark" class="form-control" rows="3" ng-model="data.principal_remark" ng-maxlength="500"></textarea>
            <span role="alert" ng-show="(contractEditPrincipalForm.$submitted || contractEditPrincipalForm.principal_remark.$touched) && contractEditPrincipalForm.principal_remark.$error.maxlength"
                class="error ng-hide c-red lh30">备注信息不能超过500个字符</span>
        </div>
    </div>
</form>